import React, { Component } from 'react';
import { View, Image, Text, TouchableWithoutFeedback } from 'react-native';
import { default as Images } from '../../images';
import { Colors, AppStyles } from '../../style';

var screenWidth = require('Dimensions').get('window').width;
var screenHeight = require('Dimensions').get('window').height;
const itemWidth = (screenWidth - 50) / 4;

export default class CoachItem extends Component {
    render() {
        return (
            <View style={{
                width: itemWidth,
                justifyContent: 'center',
                alignItems: 'center',
                marginLeft: 10,
                marginTop: 10,
                borderRadius: 10,
                borderWidth: 1,
                borderColor: Colors.grey,
                backgroundColor: Colors.white
            }}>
                <Image source={Images.image1} style={{ width: itemWidth, height: itemWidth * 0.75, borderTopLeftRadius: 10, borderTopRightRadius: 10, }} />
                <Text style={AppStyles.smallTextStyle}>教练名</Text>
                <Image source={Images.star5} style={{ height: 10, width: 60 }} />
            </View>
        )
    }
}